<template>
  <div id="mytitle">
    <div>
      <img src="@/assets/LeftSidebar/octopus.png" alt="" /> <div>AikeAi跨境引流客户端 0.0.1 | 1.0.0</div> 
    </div>
    <div>
      <titlebtn class="min" type="min" />
      <titlebtn class="max" type="max" />
      <titlebtn class="close" type="close" />
    </div>
  </div>
</template>

<script>
import Titlebtn from "./Titlebtn.vue";

export default {
  name: "Mytitle",
  components: {
    Titlebtn,
  },
  methods: {},
};
</script>
    
<style scoped>
#mytitle {
  width: 100%;
  height: 32px;
  background-color: rgb(38, 67, 188);
  -webkit-app-region: drag;
  display: flex;
  color: white;
  align-items: center;
  justify-content: space-between;
}

#mytitle div:nth-child(1) {
  /* text-align: center; */
  display: flex;
  margin-left: 0.5rem;
  font-size: 14px;
}

#mytitle img {
  width: 25px;
  height: 20px;
  /* margin-top: 20px; */
}
</style>